<template>
    <view class="top_div" :style="{ paddingTop: safeAreaInsets?.top + 'px' }">
      <img src="/src/icon/left.png" class="icon" @click="()=>{handleBack()}" alt="">
      <span>{{ title }}</span>
      <span ></span> 
    </view>
  </template>
  
  <script lang="ts" setup>
  const { safeAreaInsets } = uni.getSystemInfoSync()
  defineProps<{
    title:string
  }>()
  const handleBack = () => {

        uni.switchTab({url:"/pages/my/my"})
    }
  </script>
  
  <style scoped>
  .top_div {
    width: 100%;
    height: 6vh;
    padding-top: 2vh;
    padding-bottom: 1vh;
    display: flex;
    justify-content: space-between;
    padding-left: 2vh;
    padding-right: 2vh;
    align-items: center;
    border-bottom: 1px solid gray;
    color: white;
    font-size: 4vw;
    background-color: #1c1526;
    box-sizing: border-box;
    position: fixed;
  }
  .icon{
    width: 5vw;
    height: 5vw;
  }
  </style>
  